<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" contentType="text/html;charset=UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<!--<![endif]-->

<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
<meta name="description" content="overview &amp; stats" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<!-- ////////////////////////////////// -->
<!-- //      Stylesheets Files       // -->
<!-- ////////////////////////////////// -->
<link rel="stylesheet" href="/css/base.css" id="camera-css" />
<link rel="stylesheet" href="/css/framework.css" />
<link rel="stylesheet" href="/css/style.css" />
<link rel="stylesheet" href="/css/noscript.css" media="screen,all" id="noscript" />
  
<!-- ////////////////////////////////// -->
<!-- //     Google Webfont Files     // -->
<!-- ////////////////////////////////// -->


<!-- ////////////////////////////////// -->
<!-- //        Favicon Files         // -->
<!-- ////////////////////////////////// -->
<link rel="shortcut icon" href="/images/favicon.ico" />

<!-- ////////////////////////////////// -->
<!-- //      Javascript Files        // -->
<!-- ////////////////////////////////// -->
<script src="/script/jquery.min.js"></script>
<script src="/script/jquery.easing-1.3.min.js"></script>
<script src="/script/tooltip.js"></script>
<script src="/script/dropdown.js"></script>
<script src="/script/tinynav.min.js"></script>
<script src="/script/jquery.fancybox.js?v=2.0.6"></script>
<script src="/script/jquery.fancybox-media.js?v=1.0.3"></script>
<script src="/script/jquery.ui.totop.min.js"></script>
<script src="/script/ddaccordion.js"></script>
<script src="/script/jquery.twitter.js"></script>
<script src="/script/jflickrfeed.min.js"></script>
<script src="/script/faq-functions.js"></script>
<script src="/script/theme-functions.js"></script>

<!-- IE Fix for HTML5 Tags -->
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<!-- header start here -->
<%@include file="/include/header.jsp" %>
<!-- header end here -->

<!-- pagetitle start here -->
<section id="pagetitle-wrapper">
    <div class="pagetitle-content">    
    	<h2>服务项目</h2>   
    </div>
</section>
<!-- pagetitle end here --> 

<!-- breadcrumb start here -->
<section id="breadcrumb-wrapper">
    <div id="breadcrumb-content">
        <ul>
        	<li><a href="/index.asp">首页</a></li>
            <li><a href="#">服务项目</a></li>
        </ul>
    </div>
</section>
<!-- breadcrumb end here -->

<!-- maincontent start here -->
<section id="content-wrapper">   
    <div class="row">
    <div class="three columns">
        
        	<aside>
                <h5>项目列表</h5>
                <ul class="sidebar-list">
                		<c:forEach items="${serviceList }" var="single">
                    	<li><a href="/service/service_list.asp?stId=${single.stId }" <c:if test="${single.stId eq service.stId }">style="background:#58F28E"</c:if>>${single.stName }</a></li>
                    </c:forEach>
                </ul>
            </aside>
        </div>
        <div class="eight columns">
            <!-- blog post 1 -->
            <aside>
            	<h5>${service.stName}</h5>
                <ul class="popular-list">
                	<li>
                  	<img src="${service.stImage }" alt="" class="img-border" />                                                
                  	<p class="popular-title"><a href="single.html">${service.stName }</a></p>                        
                  	<p class="comment-count">费用:${service.stFee }</p> 
                  	<p class="author-name">范围:${service.stScope }</p>                       
                	</li>
                </ul>
            </aside>
            <div class="divider"></div>
            <div class="blog-post"> 
                <div class="post-content">
                	${service.stDetail }
                </div>     
            </div>
        </div>
    </div>
</section>
<!-- maincontent end here -->

<!-- footer start here -->
<%@include file="/include/footer.jsp" %>
<!-- footer end here -->
       	
<!-- ////////////////////////////////// -->
<!-- //      Javascript Files        // -->
<!-- ////////////////////////////////// -->
<script src="/script/jquery.min.js"></script>
<script src="/script/jquery.easing-1.3.min.js"></script>
<script src="/script/tooltip.js"></script>
<script src="/script/dropdown.js"></script>
<script src="/script/tinynav.min.js"></script>
<script src="/script/jquery.fancybox.js?v=2.0.6"></script>
<script src="/script/jquery.fancybox-media.js?v=1.0.3"></script>
<script src="/script/jquery.ui.totop.min.js"></script>
<script src="/script/ddaccordion.js"></script>
<script src="/script/jquery.twitter.js"></script>
<script src="/script/jflickrfeed.min.js"></script>
<script src="/script/faq-functions.js"></script>
<script src="/script/theme-functions.js"></script>
<!-- 副文本编辑器 -->
<script src="/plugin/kindeditor-4.1.10/kindeditor.js"></script>
<script src="/plugin/kindeditor-4.1.10/lang/zh_CN.js"></script>
<script src="/plugin/kindeditor-4.1.10/plugins/code/prettify.js"></script>
<script src="/script/base.js"></script>
<script src="/script/service.js"></script>
</body>
</html>